.tx-banner{position: relative;z-index: 10; height: 760px;}
.tx-banner .swiper,.tx-banner .swiper-wrapper,.tx-banner .swiper-slide{height: 100%;}
.tx-banner .swiper-slide{width: 100% !important; overflow: hidden;}
.tx-banner .swiper-slide .img {position: absolute;z-index: 10; top:0;left:50%; max-width: none;min-width: 100%; height: 100%; transform: translate(-50%, 0) scale(1.1);-webkit-transform: translate(-50%, 0) scale(1.1);-ms-transform: translate(-50%, 0) scale(1.1);transition: 3s;-webkit-transition: 3s;-ms-transition: 3s;}
.tx-banner .swiper-slide video{position: absolute;top:0;left:50%;min-width:100%; height:100%; z-index: -1;transform: translate(-50%, 0);}
.tx-banner .swiper-slide .centers{position: relative;height: calc(100% - 88px); z-index: 20;margin-top: 88px;}
.tx-banner .swiper-slide .text{position: absolute;left: -10%;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);opacity: 0;transition: 1.5s;-webkit-transition: 1.5s;-ms-transition: 1.5s;}
.tx-banner .swiper-slide .text h3{font-size: 51px;line-height: 67px; font-weight: bold;color:#fff;margin-bottom: 10px;}
.tx-banner .swiper-slide .text h4{font-size: 18px;line-height: 24px;color: #fff;}
.tx-banner .swiper-slide-active .img{ transform: translate(-50%, 0) scale(1);-webkit-transform: translate(-50%, 0) scale(1);-ms-transform: translate(-50%, 0) scale(1);}
.tx-banner .swiper-slide-active .text{left:0%; opacity: 1;}
.tx-banner .swiper-button{width: 69px;height: 69px;border:1px solid #fff;border-radius: 50%;margin-top: 15px;background-position: center;background-repeat: no-repeat;opacity: 1;}
.tx-banner .swiper-button::after{display: none;}
.tx-banner .swiper-button-prev{left:5.2%;background-image:url('../img/ban-jtl.png');}
.tx-banner .swiper-button-next{right:5.2%;background-image:url('../img/ban-jtr.png');}
.tx-banner-page{position: relative;z-index: 30;margin-top: -107px;}
.tx-banner-page .num{font-size: 25px;color: #fff;font-weight: bold;line-height: 33px;}
.tx-banner-page .swiper-pagination{position: relative;}
.tx-banner-page .swiper-pagination span{margin:0 9px;width: 12px;height: 12px;opacity: 1;background: #fff;border-radius: 99px;}
.tx-banner-page .swiper-pagination .swiper-pagination-bullet-active{width: 35px;}

.tx-notice{position: relative;z-index: 30;background: #fafafa;}
.tx-notice-main{position: relative; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.05);background:#fff url('../img/notice-i.png') 44px center no-repeat;height: 92px;padding:0 150px 0 98px;margin-top: -48px;}
.tx-notice-main .swiper{height: 60px;margin-top: 16px;overflow: hidden;}
.tx-notice-main .main li{width: 46%;margin-left: 8%;line-height: 60px;font-size: 16px;}
.tx-notice-main .main li:first-child{margin-left: 0;}
.tx-notice-main .main li a{float: left;width: calc(100% - 115px);height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-notice-main .main li span{float: left;width: 115px;text-align: right;color: #666;}
.tx-notice-button{position: absolute;top:18px;right:40px;height: 60px;display: flex;flex-direction: column;justify-content: space-between;}
.tx-notice-button .swiper-button{position: relative; float: left;clear: both;top: 0;margin-top:0;left:auto;right:auto;height: 20px;width: 30px; background: url('../img/notice-jt.png') center center no-repeat;filter:Gray; -webkit-filter: grayscale(100%);opacity: 0.5;}
.tx-notice-button .swiper-button:after{display: none;}
.tx-notice-button .swiper-button-prev{transform: rotate(180deg);}

.tx-news{background: #fafafa;padding: 42px 0;}
.tx-news-title{margin-bottom: 49px;}
.tx-news-title h3{position: relative; font-size: 32px;line-height: 42px;font-weight:bold;}
.tx-news-title h3 i{position: absolute;left:0;bottom:0; width: 100%;height: 6px;background: var(--mColor);margin-bottom: -12px;overflow: hidden;}
.tx-news-title h3 i:after{content:'';position: absolute;left: -5px;top: 0;width: 40%;height: 100%;background: var(--fColor);transform: skew(-35deg);}
.tx-news-title ul{margin-top: 10px;}
.tx-news-title ul li{margin-left: 50px;font-size: 18px;}
.tx-news-title ul li a{display: block; line-height: 36px;border-bottom: 1px solid #fafafa;color: #999;}
.tx-news-title ul li.cur a{border-color: var(--mColor);color: var(--mColor);}
.tx-news-main{display: none;}
.tx-news-left{position:relative; width: 36.71%;overflow:hidden;}
.tx-news-left .swiper-pagination{width:auto;left:auto;bottom:auto;top:290px;right:20px;z-index:20;}
.tx-news-left .swiper-pagination span{width:10px;height:10px;margin:0 7px !important;background:#fff;opacity:1;}
.tx-news-left .swiper-pagination .swiper-pagination-bullet-active{background:var(--mColor);}
.tx-news-left .img{position: relative; height: 319px;overflow: hidden;}
.tx-news-left .img img{width: 100%;height: 100%;}
.tx-news-left .img i{position: absolute;bottom:0;left:0;line-height: 39px;padding: 0 20px;background: var(--mColor);color: #fff;}
.tx-news-left .text{margin-top: 21px;}
.tx-news-left .text h3{font-size: 22px;line-height: 34px;height: 68px;font-weight: bold; overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tx-news-left .text > i{display: block;height: 1px;background: #e5e5e5;margin:28px 0 20px;}
.tx-news-left .text em{display: block;font-size: 16px;line-height: 26px;height: 52px;color:#999; overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tx-news-left .text b{display: block; font-weight: normal;font-size: 16px;color: #999;line-height: 20px;margin-top: 28px;}
.tx-news-left .text b i{position: relative;top: -1px;margin-left: 10px; display: inline-block;font-size: 14px; font-family: 'simsun';}
.tx-news-right{width: 63.29%;padding-left: 62px;}
.tx-news-right li{margin-bottom: 36px;width: 100%;}
.tx-news-right li:last-child{margin-bottom: 0;}
.tx-news-right li .img{position: relative; width: 34.47%; height: 176px;overflow: hidden;}
.tx-news-right li .img img{width: 100%;height: 100%;}
.tx-news-right li .img i{position: absolute;left: 0;top:13px;padding:0 20px;line-height: 39px;color: #fff;background: var(--mColor);}
.tx-news-right li .text{width: 65.53%;padding-left: 28px;padding-top: 5px;}
.tx-news-right li .text h3{font-size: 20px;font-weight: bold; line-height: 26px;height: 26px;margin-bottom: 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-right li .text em{display: block;font-size: 16px;color: #999; line-height: 26px;height: 52px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tx-news-right li .text b{display: block; font-weight: normal;font-size: 16px;color: #999;line-height: 20px;margin-top: 42px;}
.tx-news-right li .text b i{position: relative;top: -1px;margin-left: 10px; display: inline-block;font-size: 14px; font-family: 'simsun';}
.tx-news-right li .date{display: flex;align-items: center; width: 16%;border-right: 1px solid #e5e5e5;height:96px;}
.tx-news-right li .date h5{display: inline-block; font-size: 31px;line-height: 41px;color: #333;}
.tx-news-right li .date h5 b{display: block; font-size: 16px;line-height: 21px;text-align: right;font-weight: normal;}
.tx-news-right li .texts{display: flex;flex-direction: column;justify-content: center; width: 84%;padding-left: 43px;height: 96px;}
.tx-news-right li .texts h3{font-size: 20px;font-weight: bold; line-height: 26px;height: 26px;margin-bottom: 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-right li .texts em{display: block;font-size: 16px;color: #999; line-height: 26px;height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tx-about{background: url('../img/about-bg.png') center center no-repeat;background-size: cover;padding:75px 0;}
.tx-about-main{position: relative;}
.tx-about-main .texts{width: 756px; max-width: 80%; color: #fff;}
.tx-about-main .texts h3{font-size: 32px;line-height: 42px;font-weight: bold;margin-bottom: 10px;}
.tx-about-main .texts h4{font-size: 16px;opacity: 0.6;}
.tx-about-main .texts i{display: inline-block;width: 49px;height: 3px;background: #fff;margin:23px 0 40px;}
.tx-about-main .texts em{display: block;font-size: 16px;line-height: 26px;opacity: 0.8;}
.tx-about-main .en{position: absolute;right: 0;top:18%; font-size: 45px;color:#fff;font-weight: bold;opacity: 0.8;transform: rotate(90deg);}

.tx-product-nav{position: relative;z-index: 30; box-shadow: 0px 15px 30px 1px rgba(0, 0, 0, 0.05);background: #fff;}
.tx-product-nav .main{display: flex;justify-content: space-between;padding: 38px 0;}
.tx-product-nav .main li{position: relative; display: flex;flex-direction: column;justify-content: center; position: relative;height: 63px;padding-right: 93px;cursor: pointer;}
.tx-product-nav .main li::before{content:'';position: absolute;z-index: -1; left:50%;margin-top: 0; margin-left: -23px; top:100%; width: 0;height: 0;border-left:23px solid transparent;border-right:23px solid transparent;border-top:23px solid #fff;}
.tx-product-nav .main li img{position: absolute;right: 0;width: 63px;top:0;}
.tx-product-nav .main li .img2{transform: scale(0);opacity: 0;}
.tx-product-nav .main li h3{font-size: 26px;line-height: 35px;}
.tx-product-nav .main li h4{font-size: 16px;color: #999; line-height: 21px;}
.tx-product-nav .main li.cur::before{margin-top: 38px;}
.tx-product-nav .main li.cur .img2{transform: scale(1);opacity: 1;}
.tx-product-nav .main li.cur h3{font-weight: bold;color: var(--mColor);}
.tx-product-nav .main li.cur h4{color: var(--mColor);}
.tx-product-main{position: relative;z-index: 20; display: none; padding:43px 0 12px;background: url('../img/product-bg.png') center bottom no-repeat;}
.tx-product-main .pro-nav{margin-bottom: 30px;}
.tx-product-main .pro-nav li{font-size: 18px;line-height: 45px;padding: 0 25px;color: #999;margin-right: 29px;cursor: pointer;}
.tx-product-main .pro-nav li.cur{background: var(--mColor);color: #fff;}
.tx-product-main .pro-main{position: relative; display: none;}
.tx-product-main .pro-main .mores{position: absolute;right: 0;top:-60px;font-size: 20px;color: #999;}
.tx-product-main .pro-main .mores i{font-family: 'simsun';font-size: 17px;margin-left: 12px;position: relative;top:-2px;font-weight: bold;color: #999;}
.tx-product-main .pro-top{margin-bottom: 6px;}
.tx-product-main .pro-top .img{width: 24.42%;height: 196px;overflow: hidden;}
.tx-product-main .pro-top .img img{width: 100%;height: 100%;}
.tx-product-main .pro-top .text{width: 75.58%;padding:30px 35px 28px;height: 196px;background: #f5f5f5;}
.tx-product-main .pro-top .text h3{font-size: 20px;line-height: 26px;height: 26px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-product-main .pro-top .text b{display: block;font-size: 18px;color: #999;line-height: 24px;font-weight: normal;margin:20px 0;}
.tx-product-main .pro-top .text b img{margin-right: 8px;}
.tx-product-main .pro-top .text em{display: block;font-size: 16px;line-height: 26px;height: 52px;color: #666; overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tx-product-main .pro-ul li{width: 100%;}
.tx-product-main .pro-ul li a{float: left;width: 100%; padding:31px 0;border-bottom: 1px solid #d5d5d5;line-height: 24px;height: 86px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tx-product-main .pro-ul li h3{float: left;width: 80%;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-product-main .pro-ul li h3::before{content:''; display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: var(--mColor);margin-right: 12px;}
.tx-product-main .pro-ul li span{float: left;width: 20%;text-align: right;}
.tx-product-main .pro-ul li:last-child a{border-bottom:0}

.tx-culture li{position: relative;z-index: 20; width: 33.33%; height: 380px;overflow: hidden;cursor:pointer;}
.tx-culture li::before{content: '';position: absolute;z-index: -1;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.tx-culture li:nth-child(1)::before{background-image: url('../img/culture-bg1.png');}
.tx-culture li:nth-child(2)::before{background-image: url('../img/culture-bg2.png');}
.tx-culture li:nth-child(3)::before{background-image: url('../img/culture-bg3.png');}
.tx-culture li a{display: flex;width: 100%; height: 100%;justify-content: center;align-items: center;}
.tx-culture li span{position: relative;padding-right:105px;}
.tx-culture li span::before{content:'';position: absolute;top:-28px;left: 100%;margin-left: -150px; width: 152px;height: 152px;background: url('../img/culture-li.png') center center no-repeat;}
.tx-culture li h3{font-size: 31px;line-height: 41px;font-weight:bold;color: #fff;}
.tx-culture li h4{color: #fff;opacity: 0.6;}
.tx-culture li i{position:absolute;width:100%;height:100%;top:0;left:0;background:url('../img/plays.png') center center no-repeat;}

.video-box{display: none; position: fixed;z-index: 9999;top:0;left:0;width: 100%;height: 100%;}
.video-box:before{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%; background: #000;opacity: 0.5;z-index: -1;}
.video-box .mains{position: absolute;z-index: 20;text-align: center; left:50%;top:50%;width: 60%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.video-box .mains video{width: 100%; max-height: 640px;}
.video-box .mains #video{height: auto;}
.video-box .mains i{position: relative; display: inline-block; width: 52px;height: 52px;border-radius: 50%;background: #fff; cursor: pointer;margin-top: 30px;}
.video-box .mains i::before,.video-box .mains i::after{content: '';position: absolute;top: 0;bottom:0;left:0;right:0;margin: auto; width: 24px;height: 1px;background: #888;}
.video-box .mains i::before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.video-box .mains i::after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

@media screen and (min-width: 769px){

    .tx-banner .swiper-button:hover{border: 0;background-color: rgba(0,0,0,0.3);}

    .tx-notice-button .swiper-button:hover{opacity: 1;-webkit-filter: grayscale(0%);}

    .tx-news-title ul li a:hover{color: var(--mColor);}
    .tx-news-left:hover .img img{transform: scale(1.08);}
    .tx-news-left .text b:hover{color: var(--mColor);}
    .tx-news-left .text b:hover i{color: var(--mColor);}
    .tx-news-right li:hover .date h5 b,.tx-news-right li:hover .date h5{color: var(--mColor);}
    .tx-news-right li:hover .img img{transform: scale(1.08);}
    .tx-news-right .text b:hover{color: var(--mColor);}
    .tx-news-right .text b:hover i{color: var(--mColor);}

    .tx-product-nav .main li:hover .img2{transform: scale(1);opacity: 1;}
    .tx-product-nav .main li:hover h3{font-weight: bold;color: var(--mColor);}
    .tx-product-nav .main li:hover h4{color: var(--mColor);}
    .tx-product-main .pro-main .mores:hover{color: var(--mColor);}
    .tx-product-main .pro-main .mores:hover i{color: var(--mColor);}

    .tx-product-main .pro-top:hover .img img{transform: scale(1.08);}

    .tx-culture li:hover:before{transform: scale(1.08);}

}

@media screen and (max-width: 1465px){
    
    .tx-banner .swiper-button{display: none;}
    .tx-banner{height:600px;}

    .tx-banner .swiper-slide .text h3{font-size: 36px;line-height: 45px;}
    .tx-banner .swiper-slide .text h4{font-size: 16px;}
    .tx-banner-page .num{font-size:20px;}
    
    .tx-notice-main{height:72px;background-size:24px auto;}
    .tx-notice-main .main li{font-size:14px;}
    .tx-notice-main .swiper{margin-top:7px;}
    .tx-notice-button{top:15px;height:46px;}
    .tx-notice-button .swiper-button{background-size:15px auto;}

    .tx-news-title h3{font-size: 26px;}
    .tx-news-title h3 i{height:5px;}
    .tx-news-title ul li{font-size: 16px;}
    .tx-news-left .img{height:  273px;}
    .tx-news-left .swiper-pagination{top:245px;}
    .tx-news-right li .img i{padding:0 12px;line-height:32px;}
    .tx-news-left .text h3{font-size: 17px;line-height: 25px;height: 50px;}
    .tx-news-left .text > i{margin: 12px 0;}
    .tx-news-left .text em{font-size: 14px;}
    .tx-news-left .text b{font-size: 14px;margin-top: 15px;}
    
    .tx-news-right li{margin-bottom: 26px;}
    .tx-news-right li .img{height: 149px;}
    .tx-news-right li .text h3{font-size: 17px;margin-bottom: 12px;}
    .tx-news-right li .text em{font-size: 14px;}
    .tx-news-right li .text b{font-size: 14px;margin-top: 30px;}
    .tx-news-right li .texts{height: 75px;}
    .tx-news-right li .texts h3{font-size: 17px;margin-bottom: 8px;}
    .tx-news-right li .texts em{font-size: 14px;}
    .tx-news-right li .date{height: 75px;}
    .tx-news-right li .date h5{font-size:25px;}
    .tx-news-right li .date h5 b{font-size: 14px;line-height: 14px;}

    .tx-about{padding: 65px 0;}
    .tx-about-main .texts em{font-size:14px;}
    .tx-about-main .texts h3{font-size: 25px;line-height: 30px;}
    .tx-about-main .texts h4{font-size: 14px;}
    .tx-about-main .en{font-size: 40px;}
    .tx-product-nav .main{padding:26px 0;}
    .tx-product-nav .main li h3{font-size: 20px;}
    .tx-product-nav .main li h4{font-size: 14px;}
    .tx-product-nav .main li{height:52px;}
    .tx-product-nav .main li img{width:52px;}
    .tx-product-main .pro-nav li{font-size: 16px;line-height:36px;padding:0 21px;}
    .tx-product-main .pro-main .mores{font-size: 16px;}
    .tx-product-main .pro-main .mores i{font-size: 14px;}
    .tx-product-main .pro-top .img{height: 168px;}
    .tx-product-main .pro-top .text{height: 168px;}
    .tx-product-main .pro-top .text h3{font-size: 17px;line-height: 20px;height: 20px;}
    .tx-product-main .pro-top .text b{font-size: 15px;margin: 12px 0;}
    .tx-product-main .pro-top .text em{font-size: 14px;line-height: 22px;height: 44px;}
    .tx-product-main .pro-ul li a{padding: 22px 0;height:70px;}
    .tx-product-main .pro-ul li h3{font-size:15px;}
    
    .tx-culture li{height:285px;}
    .tx-culture li span{transform: scale(0.95);}
    .tx-culture li h3{font-size:25px;}
    .tx-culture li i{background-size:60px auto;}
    
}

@media screen and (max-width: 768px){

    .tx-banner .swiper-slide .centers{margin-top: 58px;}
    .tx-banner{height: 380px;}
    .tx-banner-page{display: none;}
    .tx-banner .swiper-slide .text{padding: 0 15px;}
    .tx-banner .swiper-slide .text h3{font-size: 20px;line-height: 24px;}
    .tx-banner .swiper-slide .text h4{font-size: 14px;line-height: 20px;}

    .tx-notice-main{margin-top: 12px;height: 60px; padding:0 20px 0 45px;background-size: 20px auto;background-position: 15px center;}
    .tx-notice-main .main li{width: 100%;}
    .tx-notice-main .main li span{font-size: 12px;width: 65px;float: right;}
    .tx-notice-main .swiper{margin-top: 0;}
    .tx-notice-main .main li a{width: calc(100% - 65px);}
    .tx-notice-main .main li:last-child{display: none;}
    .tx-notice-button{display: none;}

    .tx-news{padding: 20px 0;}
    .tx-news-title{text-align: center;margin-bottom: 8px;}
    .tx-news-title h3{width: 100%; font-size: 17px;line-height: 18px;}
    .tx-news-title h3 i{height: 2px;}
    .tx-news-title ul{width: 100%;}
    .tx-news-title ul li{width: 20%;margin-left: 0;}
    .tx-news-title ul li a{font-size: 12px;}
    .tx-news-title ul li.cur a{border: 0;}
    .tx-news-left{width: 100%;margin-bottom: 5px;}
    .tx-news-left .swiper-pagination{top:51vw;}
    .tx-news-left .swiper-pagination span{width:7px;height:7px;margin:0 6px !important;}
    .tx-news-left .img{height: 57vw;}
    .tx-news-left .img i{font-size: 12px;line-height: 28px;}
    .tx-news-left .text{margin-top: 12px;}
    .tx-news-left .text h3{font-size: 15px;line-height: 22px;height: 22px;-webkit-line-clamp: 1;line-clamp: 1;}
    .tx-news-left .text em,.tx-news-left .text b{display: none;}

    .tx-news-right{width: 100%;padding-left: 0;}
    .tx-news-right li .img,.tx-news-right li .date{display: none;}
    .tx-news-right li .text{padding-left: 0;width: 100%;}
    .tx-news-right li .text b{display: none;}
    .tx-news-right li .text em{line-height: 22px;height: 22px;-webkit-line-clamp: 1;line-clamp: 1;}
    .tx-news-right li .texts{padding-left: 0;width: 100%;display: block;height: auto;}
    .tx-news-right li{margin-bottom: 18px;}
    .tx-news-right li .text h3,.tx-news-right li .texts h3{font-size: 15px;line-height: 20px;height: 20px;margin-bottom: 4px;}
    .tx-news-right li .text em,.tx-news-right li .texts em{font-size: 12px;}

    .tx-about-main .en{display: none;}
    .tx-about-main .texts{max-width: 100%;}
    .tx-about{padding:30px 0;}
    .tx-about-main .texts h3{font-size: 17px;line-height: 18px;margin-bottom: 5px;}
    .tx-about-main .texts h4{font-size: 12px;}
    .tx-about-main .texts i{height: 1px;margin:15px 0;}
    .tx-about-main .texts em{font-size: 12px;}

    .tx-product-nav .main li h4{display: none;}
    .tx-product-nav .main li{padding-right: 0;padding-top: 50px;}
    .tx-product-nav .main{padding: 12px 0;}
    .tx-product-nav .main li img{width: 44px;top:0; left: 0;margin:0 auto;}
    .tx-product-nav .main li{width: 25%;display: block;height: auto;text-align: center;}
    .tx-product-nav .main li h3{font-size: 14px;line-height: 24px;}
    .tx-product-nav .main li::before{display: none;}
    .tx-product-main{padding:20px 0}
    .tx-product-main .pro-nav li{font-size: 14px;line-height: 35px;font-size: 12px;padding: 0 20px;margin-right: 8px;}
    .tx-product-main .pro-main .mores{font-size: 12px;top:-58px;}

    .tx-product-main .pro-top .img{width: 100%;height: 52vw;}
    .tx-product-main .pro-top .text{width: 100%;padding: 22px;height: auto;}
    .tx-product-main .pro-top .text h3{font-size: 15px;}
    .tx-product-main .pro-top .text b,.tx-product-main .pro-top .text em{display: none;}
    .tx-product-main .pro-ul li span{display: none;}
    .tx-product-main .pro-ul li h3{width: 100%;font-size: 12px;}
    .tx-product-main .pro-ul li a{height: 46px;padding: 12px 0;}
    .tx-product-main .pro-ul li h3::before{width: 5px;height: 5px;}

    .tx-culture li{width: 100%;height: 170px;}
    .tx-culture li h3{font-size: 20px;text-align: center;}
    .tx-culture li span::before{display: none;}
    .tx-culture li span{padding-right:0;}
    
    .tx-culture li i{background-size:42px auto;}
    
    .video-box .mains{width:92%;}
    .video-box .mains i{width:38px;height:38px;margin-top:25px;}
    .video-box .mains i::before, .video-box .mains i::after{width:18px;}

}